<template>
    <view>
        <u-popup :show="show" @open="open">
            <ul class="tan">
                <li class="tan_li" @click="putong">
                    普通任务
                </li>
                <li class="tan_li" @click="genjin">
                    跟进任务
                </li>
                <li @click="close">
                    取消
                </li>

            </ul>
        </u-popup>

        <view @click="show = true"><img src="/static/img/renwuzhongxin.png" alt=""
                style="width: 20px; height: 20px; vertical-align: middle;"> 任务
        </view>
    </view>
</template>

<script setup lang="ts">
import { ref } from 'vue'
const show = ref(false)
const open = () => {
    show.value = true
}
const close = () => {
    show.value = false
}

const putong = () => {
    uni.navigateTo({
        url: '/pages/qiao-crm/tan/qiaoputong'
    })
}
const genjin = () => {
    uni.navigateTo({
        url: '/pages/qiao-crm/tan/qiaogenjin'
    })
}
</script>

<style lang="scss">
.tan {
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    color: blue;

    .tan_li {
        width: 100%;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #eee;
    }
}
</style>